<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/app.css"/>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<style type="text/css">
			.textCenter{text-align: center;margin: 0 0 10px 0;}
			.mui-content{background: #FFFFFF;}
			.mui-media img{border-radius: 50%;width: 50px;height: 50px!important;}
			.mui-table-view .mui-media-object{line-height: 50px;max-width: 50px;}
			.bgColor{background: #5763FF;margin: 0 0 30px 0; width: 100%;height: 150px;border-bottom-right-radius: 300px 100px;border-bottom-left-radius:300px 100px;}
			.bgColor img {width: 60px;height: 60px;margin: 30px auto 10px;display: block;border-radius: 50%;}
			.mui-bar-nav{background:#5763FF!important;}
			.mui-bar-nav a,.mui-bar-nav h1{color: #FFFFFF!important;}
			.mui-bar-nav{box-shadow: none!important;}
			.mui-table-view:before{background: none;}
			.mui-table-view:after{background: none;}
			.colorText{color: #000000;font-size: 24px;}
			.colorText span{font-size: 12px;margin: 20px 0 10px 5px;display: inline-block;}
			.colorText+p{color: #5763FF;font-size: 14px;}
		</style>
	</head>

	<body>
		<div id="headerNav"></div>
		<div class="mui-content">
			<div id="" class="mui-row bgColor">
				<img src="" alt="" />
				<p style="text-align: center;color: #FFFFFF;">Nini_Zhang</p>
			</div>
		    <div class="mui-row">
	    		<ul class="mui-table-view mui-col-sm-6 mui-col-xs-6" style="border-right: 1px #EEEEEE solid;">
		    		<li class="mui-table-view-cell textCenter">
		    			<p class="colorText">439.00<span>元</span></p>
		    			<p>累计收入</p>
		    		</li>
	    		</ul>
	    		<ul class="mui-table-view mui-col-sm-6 mui-col-xs-6">
		    		<li class="mui-table-view-cell textCenter">
		    			<p class="colorText">239.00<span>元</span></p>
		    			<p>可提现金额</p>
		    		</li>
	    		</ul>
		    </div>
	    	<ul class="mui-table-view">
				<p style="padding: 10px 15px 0px;font-size: 18px;color: #000000;">推荐人数(<span style="color: #5763FF;">3</span>人)</p>
	    		<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="image/icon_headd.png">
						<div class="mui-media-body">
							小小小小明
							<p class="mui-ellipsis">已加入20天</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="image/icon_headd.png">
						<div class="mui-media-body">
							小小小小明
							<p class="mui-ellipsis">已加入20天</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="image/icon_headd.png">
						<div class="mui-media-body">
							小小小小明
							<p class="mui-ellipsis">已加入20天</p>
						</div>
					</a>
				</li>
	    	</ul>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" id="indexHtml" href="index.html">
				<span class="mui-icon iconfont icon-iconfonthome0"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" id="orderHtml" href="order_form.html">
				<span class="mui-icon iconfont icon-dingdan"></span>
				<span class="mui-tab-label">订单</span>
			</a>
			<a class="mui-tab-item  mui-active" id="myHtml" href="register.html">
				<span class="mui-icon iconfont icon-weibiaoti-_huabanfuben"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$('#headerNav').load('header.html',function(){
			$('header h1').html('我的');
		});
	</script>
</html>